/*a:hover{color:#006db8;}*/
.banner a{width: 100%;height: 100%;}
.banner .banBox{width: 960px;height: 532px;text-align: center;background: url(../images/circle.png) no-repeat center top;margin: 12% 0 5%;}
.banner .banBox h2{color: #FFF;font-size: 60px;line-height: 1;padding: 14% 0 2.5%;opacity: 0;font-weight: bold;}
.banner .banBox h3{color: #FFF;font-size: 52px;line-height: 1;opacity: 0;}
.banner .banBox .more_down{display:block;width: 166px;height: 52px;line-height: 52px;border: 1px solid #FFF;color: #FFF;font-size: 14px;margin: 4.5% auto 5.5%;opacity: 0;}
.banner .banBox .more_down:hover{background: #FFF;color: #00756b;font-weight: bold;}
.banner .banBox .downs{display: inline-block;width: 14px;height: 29px;border: 2px solid #FFF;border-radius: 20px;position: relative;opacity: 0;}
.banner .banBox .downs:after{content: "";display: block;width: 2px;height: 8px;position: absolute;top: 5px;left: 50%;margin-left: -1px;background: #FFF; opacity: 0;
    transition: .5s;-webkit-transition: .5s;animation:mydown 1.5s infinite;-webkit-animation:mydown 1.5s infinite; }
@-webkit-keyframes mydown{
    0% {
        top: 5px;
        opacity: 0;
    }
    100% {
        top: 15px;
        opacity: 1;
    }
}
@keyframes mydown{
    0% {
        top: 5px;
        opacity: 0;
    }
    100% {
        top: 15px;
        opacity: 1;
    }
}

.banner .swiper-slide.swiper-slide-active .banBox h2{
    -webkit-animation: move01 1.5s linear .5s forwards alternate;
    -moz-animation: move01 1.5s linear .5s forwards alternate;
    -ms-animation: move01 1.5s linear .5s forwards alternate;
    animation: move01 1.5s linear .5s forwards alternate;
}

.banner .swiper-slide.swiper-slide-active .banBox h3{
    -webkit-animation: move01 1.5s linear 1.5s forwards alternate;
    -moz-animation: move01 1.5s linear 1.5s forwards alternate;
    -ms-animation: move01 1.5s linear 1.5s forwards alternate;
    animation: move01 1.5s linear 1.5s forwards alternate;
}

.banner .swiper-slide.swiper-slide-active .banBox .more_down{
    -webkit-animation: move01 1.5s linear 2.5s forwards alternate;
    -moz-animation: move01 1.5s linear 2.5s forwards alternate;
    -ms-animation: move01 1.5s linear 2.5s forwards alternate;
    animation: move01 1.5s linear 2.5s forwards alternate;
}

.banner .swiper-slide.swiper-slide-active .banBox .downs{
    -webkit-animation: move01 1.5s linear 3.5s forwards alternate;
    -moz-animation: move01 1.5s linear 3.5s forwards alternate;
    -ms-animation: move01 1.5s linear 3.5s forwards alternate;
    animation: move01 1.5s linear 3.5s forwards alternate;
}

@-webkit-keyframes move01{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes move01{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.banner .swiper-paginationBox{width: 66px;position: absolute;top: 44%;right: 60px;z-index: 5;}
.banner .swiper-text{color: #FFF;padding-top: 20px;text-align: center;}
.banner .swiper-paginationBox .current{color: #FFF;font-size: 26px;font-family: Arial;font-weight: bold;}
.banner .swiper-paginationBox .count{color: #FFF;font-size: 18px;font-family: Arial;font-weight: bold;}
.banner .swiper-line{width: 2px;height: 63px;background: #FFF;margin: 0 auto;}
.banner .swiper-container-horizontal .swiper-p.service_center .sarvice_r .viceInput .enter:-moz-placeholder {
    color: #999999;
}

.service_center .sarvice_r .viceInput .enter::-moz-placeholder {
    color: #999999;
}

.service_center .sarvice_r .viceInput .enter:-ms-input-placeholder{
    color: #999999;
}

.service_center .sarvice_r .viceInput .enter::-webkit-input-placeholder{
    color: #999999;
}
.banner .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{width: 7px;height: 7px;background: #FFF;margin: 0 auto 28px;opacity: 1;display: block;}
.banner .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet-active{width: 25px;height: 25px;background: url(../images/bta.png) no-repeat;}
.banner .swiper-pagination{position: static;}
/*banner添加图片代码*/
.banner .banBox2 .slde{float: left;}
.banner .banBox2 .slde:nth-child(1){text-align: right;}
.banner .banBox2 .slde:nth-child(2){text-align: left;padding-left: 92px;}
.banner .banBox2 .slde h2{color: #FFF;font-size: 68px;line-height: 1;font-weight: bold;}
.banner .banBox2 .slde h3{color: #FFF;font-size: 54px;line-height: 1;padding: 20px 0 16px;}
.banner .banBox2 .slde p{color: #FFF;font-size: 42px;line-height: 1;padding: 24px 0 22px;}
.banner .banBox2 .slde img{display: inline-block;width: 168px;height: 162px;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-slide,
.banner a{
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner .banBox3,
.banner .banBox3 .bac_icon,
.banner .banBox3 .bac_icon .full{height: 100%;}
.banner .banBox3 .bac_icon{display: inline-block;margin: 0 112px;vertical-align: bottom;position: relative;}
.banner .banBox3 .bac_icon .icon{margin:0 auto;background: rgba(36,204,229,0.8);border-radius: 100%;}
.banner .banBox3 .bac_icon:nth-child(1) .icon{width: 97px;height: 97px;line-height: 97px;}
.banner .banBox3 .bac_icon:nth-child(2) .icon{width: 82px;height: 82px;line-height: 82px;}
.banner .banBox3 .bac_icon:nth-child(3) .icon{width: 115px;height: 115px;line-height: 115px;}
.banner .banBox3 .bac_icon:nth-child(4) .icon{width: 89px;height: 89px;line-height: 89px;}
.banner .banBox3 .bac_icon .icon img{width: 46px;height: 46px;}
.banner .banBox3 .bac_icon h2{color: #FFF;font-size: 40px;line-height: 1;padding: 19px 0 16px;}
.banner .banBox3 .bac_icon .full span{display: inline-block;width: 8px;height: 8px;background:#FFF;border-radius: 100%;position: relative;}
.banner .banBox3 .bac_icon .full span:before{content:"";display:block;width: 16px;height: 16px;border:3px solid #FFF;border-radius: 100%;position: absolute;top:-7px;left:-7px;}
.banner .banBox3 .bac_icon .full p{width: 2px;height: 100%;margin:0 auto;background: url(../images/linew.png) repeat-y center top;}
.banner .banBox3 .bac_icon:nth-child(1){top: 34%;}
.banner .banBox3 .bac_icon:nth-child(2){top: 45%;}
.banner .banBox3 .bac_icon:nth-child(3){top: 28%;}
.banner .banBox3 .bac_icon:nth-child(4){top: 44%;}




/*banner添加图片代码*/

.container_1,
.container_2,
.container_3,
.container_4,
.container_5{overflow: hidden;}
.container_1,
.container_3{padding-top: 5%;}
.title{text-align: center;width: 913px;margin: 0 auto;}
.title h2{color: #333333;font-size: 32px;line-height: 1;position: relative;display: inline-block;padding-right: 30px;}
.title h2:after{content: "";display: block;width: 19px;height: 17px;background: url(../images/green.png) no-repeat;position: absolute;top: 50%;right: 0;margin-top: -8.5px;}
.title p{color: #333333;font-size: 24px;line-height: 1.5;padding:2% 0 4%;}
.container_1 .solution .img{float: left;width: 60.025%;overflow: hidden;}
.container_1 .solution .con{float: left;width: 39.974%;}
.container_1 .solution .cbx{float: left;width: 50%;overflow: hidden;}
.container_1 .solution .con_1{background: #73b834;}
.container_1 .solution .con_4{background: #2977b9;}
.container_1 .solution .mid{display: inline-block;vertical-align: middle;padding: 0 15%;}
.container_1 .solution .mid p{color: #FFF;font-size: 18px;line-height: 1.5;padding: 4% 0;}
.container_1 .solution .img img,
.container_1 .solution .con img,
.container_5 .newul li .img img{display: block;width: 100%;transition: .8s;-webkit-transition: .8s;transform:scale(1);-webkit-transform:scale(1);}
.container_1 .solution .img img:hover,
.container_1 .solution .con img:hover,
.container_5 .newul li:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.container_2 img,
.service .imgl{display: block;width: 100%;}
.container_2{padding-top: 3%;}
.service{float: left;width: 25%;overflow: hidden;position: relative;}
.service:after{content: "";display: block;width: 1px;height: 100%;position: absolute;right: 0;top:0;}
.service:nth-child(1):after{border-right: 1px solid #95bb98;}
.service:nth-child(2):after{border-right: 1px solid #8cbbb2;}
.service:nth-child(3):after{border-right: 1px solid #85b6c5;}
.service:nth-child(4):after{border-right: 1px solid #76afcd;}
.service:nth-child(2n) .valpha{background: rgba(204,204,204,0.2);}
.service .valpha{width: 100%;height:100%;position: absolute;top: 0;left: 0;text-align:center;z-index: 10;}
.service .valpha img{width: 58px;height: 58px;}
.service .valpha h3{color: #FFF;font-size: 28px;line-height: 1;position: relative;padding:8% 0 10%;}
.service .valpha h3:after{content: "";display: block;width: 42px;height: 9px;background: url(../images/line.png) no-repeat;position: absolute;bottom: 0;left: 50%;margin-left: -21px;}
.service .valpha p{color: #FFF;font-size: 16px;line-height: 1.5;padding-top: 8%;}
.advantages{position: relative;}
.advantages .advant{width: 100%;height:100%;position: absolute;top: 0;left: 0;
    background-image:-webkit-linear-gradient(to left,rgba(26,161,230,0.7),rgba(112,183,55,0.7)); background-image:linear-gradient(to left,rgba(26,161,230,0.7),rgba(112,183,55,0.7));
}
.service .valpha a{width: 100%;height:100%;display: block;}
.service:nth-child(1n) .valpha a{padding-top: 63%;}
.service:nth-child(2n) .valpha a{padding-top: 43%;}
.service:nth-child(2n) .valpha h3:after{background: url(../images/lines.png) no-repeat;width: 27px;margin-left: -13.5px;}
.container_3{padding-bottom: 5%;}
.container_4{background: url(../images/aboutbg.jpg) no-repeat right bottom #f2f2f2;}
.container_4 .aboutUS{padding: 6% 0 12%;}
.container_4 .aboutl{float: left;width: 43.971%;position: relative;}
.container_4 .aboutl>img{width: 100%;display: block;}
.container_4 .aboutl p{width: 41.788%;height: 41%;background: #f2f2f2;position: absolute;right: 0px;bottom: 0px;z-index: 2;}
.container_4 .aboutl .aboutLogo{width: 360px;height: 300px;line-height: 300px;background: #dadada;position: absolute;right:-14%;bottom: -15%;z-index: 5;text-align: center;}
.container_4 .aboutl .aboutLogo img{width: 278px;height: 124px;display: inline-block;vertical-align: middle;}
.container_4 .aboutr{float: left;width: 55.092%;box-sizing: border-box;padding:4% 0 0 11%;}
.container_4 .aboutr h2{color: #333333;font-size: 32px;line-height: 1;position: relative;display: inline-block;padding-right: 30px;}
.container_4 .aboutr h2:after{content: "";display: block;width: 19px;height: 17px;background: url(../images/green.png) no-repeat;position: absolute;top: 50%;right: 0;margin-top: -8.5px;}
.container_4 .aboutr h3{color: #333333;font-size: 24px;line-height: 1;padding: 3% 0 6%;}
.container_4 .aboutr p{color: #333333;font-size: 16px;line-height: 1.5;padding-bottom: 8%;}
.container_4 .aboutr a{color: #00756b;font-size: 16px;line-height: 1;padding-right: 25px;background: url(../images/abg.png) no-repeat right center;}
.container_5{padding-bottom: 5.5%;}
.container_5 .news{padding:8% 0 2.5%;}
.container_5 .newtitle{float: left;}
.container_5 .newtitle h2{color: #333333;font-size: 32px;line-height: 1;position: relative;display: inline-block;padding-right: 30px;}
.container_5 .newtitle h2:after{content: "";display: block;width: 19px;height: 17px;background: url(../images/green.png) no-repeat;position: absolute;top: 50%;right: 0;margin-top: -8.5px;}
.container_5 .newtitle h3{color: #333333;font-size: 24px;line-height: 1;padding-top: 6%;}
.container_5 .news a{float:right;display:block;color: #00756b;font-size: 16px;line-height: 1;padding-right: 25px;background: url(../images/abg.png) no-repeat right center;margin-top: 3.7%;}
.container_5 .newul li{float: left;width: 22.566%;margin-right: 3.223%;}
.container_5 .newul li:nth-child(4n){margin-right: 0;}
.container_5 .newul li .img{overflow: hidden;}
.container_5 .newul li h2{color: #333333;font-size: 18px;line-height: 1.5;padding-top: 8%;}
.container_5 .newul li p{color: #999999;font-size: 12px;line-height: 1.5;padding: 4% 0;}
.container_5 .newul li h4{color: #00756b;font-size: 12px;line-height: 1;}
.container_5 .newul li h4 span{color: #333333;font-size: 12px;font-family: Arial;padding-right: 10px;}
.container_5 .newul li:hover h2{color: #00756b;text-decoration: underline;}

/*联系我们——项目案例*/
.tactText{padding: 4.5% 0 60px;position: relative;font-size: 0;}
.tactText li{display: inline-block;width: 31%;text-align: center;}
.tactText li + li{margin-left:3.5%;}
.tactText li img{width: 33px;height: 33px;}
.tactText li h2{color: #333333;font-size:28px;line-height: 1;padding: 4.5% 0;}
.tactText li p{color: #333333;font-size: 14px;line-height: 1.5;font-family: Arial;height: 42px;overflow: hidden;word-break: break-all;}
.tactText:after{content: "";display: block;width: 1px;height: 50px;background: #2E837A;position: absolute;bottom: 0;left: 50%;}
.tactTitle h2{color: #333333;font-size:28px;line-height: 1;text-align: center;padding: 2.5% 0 1.5%;}
.tactTitle p{color: #b6b6b6;font-size:14px;line-height: 1;text-align: center;}
.tactTitle .tactInput{padding-bottom: 5%;}
.tactTitle .tactInput li{overflow: hidden;padding-top: 2.5%;}
.tactTitle .tactInput li .Texts{float: left;display: block;width: 21.985%;height: 61px;line-height: 61px;color: #666666;font-size:18px;border: 1px solid #b7b7b7;outline: none;padding:0 1.3%;
    box-sizing: border-box;-webkit-appearance:none;}
.tactTitle .tactInput li .Texts + .Texts{margin-left: 4%;}
.tactTitle .tactInput li .Texts:-moz-placeholder,
.tactTitle .tactInput li textarea:-moz-placeholder{
    color: #8c8c8c;
}

.tactTitle .tactInput li .Texts::-moz-placeholder,
.tactTitle .tactInput li textarea::-moz-placeholder{
    color: #8c8c8c;
}

.tactTitle .tactInput li .Texts:-ms-input-placeholder,
.tactTitle .tactInput li textarea:-ms-input-placeholder,
.tactTitle .tactInput li .Texts:focus:-ms-input-placeho{
    color: #8c8c8c;
}

.tactTitle .tactInput li .Texts::-webkit-input-placeholder,
.tactTitle .tactInput li textarea::-webkit-input-placeholder{
    color: #8c8c8c;
}
.tactTitle .tactInput li .Texts:focus:-moz-placeholder,
.tactTitle .tactInput li textarea:focus:-moz-placeholder{
    color: #339189;
}

.tactTitle .tactInput li .Texts:focus::-moz-placeholder,
.tactTitle .tactInput li textarea:focus::-moz-placeholder{
    color: #339189;
}

.tactTitle .tactInput li .Texts:focus:-ms-input-placeholder,
.tactTitle .tactInput li textarea:focus:-ms-input-placeholder{
    color: #339189;
}

.tactTitle .tactInput li .Texts:focus::-webkit-input-placeholder,
.tactTitle .tactInput li textarea:focus::-webkit-input-placeholder{
    color: #339189;
}
.tactTitle .tactInput li textarea{display: block;width: 100%;height: 237px;color: #666666;font-size:18px;border: 1px solid #b7b7b7;outline: none;padding:1.3% 1.3%;
    box-sizing: border-box;-webkit-appearance:none;}
.tactTitle .tactInput li .Texts.active,
.tactTitle .tactInput li textarea.active{border: 1px solid #339189;}
.tactTitle .tactInput li .gsText{width: 47.98%;}
.tactTitle .tactInput li .yzBox{float:left;width: 7.994%;height: 59px;border: 1px solid #b7b7b7;overflow: hidden;margin: 0 12.379% 0 1.225%;}
.tactTitle .tactInput li .yzBox img,
.stopBox img,
.mapBox img{width: 100%;}
.tactTitle .tactInput li .tactmit{float: left;display: block;width: 12.25%;height: 61px;line-height: 61px;color: #FFF;font-size:18px;border:0;outline: none;-webkit-appearance:none;
    text-align: center;background: #339189;cursor: pointer;}
.stopBox{position: relative;padding-bottom: 5%;}
.mapBox{margin-top:-11.5%;}

.numberIcon{position: absolute;bottom:74px;right: 0;z-index: 1000;display: none;}
.numberIcon .numa{display: block;width: 60px;height: 63px;background: url(../images/num.jpg) no-repeat;}
.numberIcon .num{width: 200px;height: 63px;line-height: 63px;text-align: center;background: #015750;position: absolute;top: 0;left:200px;}
.numberIcon .num a{display: block;width: 200px;height: 63px;color: #FFF;font-size:16px;}
.numberIcon .num.showNum{left: -200px;transition: .8s;-webkit-transition: .8s;}

.banner a,
.banner a:hover{color:#FFF;}








.container_5 .news a:hover,
.container_4 .aboutr a:hover{text-decoration: underline;}

/********************************************************************************************************************/
@media screen and (min-width: 1199px){
    .banner .swiper-paginationBox,
    .container_1 .title,
    .container_1 .solution .img,
    .container_1 .solution .con_1,
    .container_1 .solution .con_2,
    .container_1 .solution .con_3,
    .container_1 .solution .con_4,
    .container_2 .title,
    .container_2 img,
    .container_3 .title,
    .container_3 .advantages,
    .container_4 .aboutl,
    .container_4 .aboutr,
    .container_5 .news,
    .container_5 .newul li,
    .banner .banBox2 .slde{opacity: 0;transition: 2s;-webkit-transition: 2s;}


    .banner .swiper-paginationBox,
    .container_1 .solution .con_4,
    .container_5 .newul li{transform: translate(0,100px);-webkit-transform: translate(0,100px);}

    .container_1 .title,
    .container_1 .solution .con_1,
    .container_2 .title,
    .container_3 .title,
    .container_5 .news{transform: translate(0,-100px);-webkit-transform: translate(0,-100px);}

    .container_1 .solution .img,
    .container_1 .solution .con_3,
    .container_2 img,
    .container_4 .aboutl{transform: translate(-100px,0);-webkit-transform: translate(-100px,0);}

    .container_1 .solution .con_2,
    .container_3 .advantages,
    .container_4 .aboutr{transform: translate(100px,0);-webkit-transform: translate(100px,0);}

    .banner .banBox2 .slde:nth-child(1){transform: translate(-300px,0);-webkit-transform: translate(-300px,0);}
    .banner .banBox2 .slde:nth-child(2){transform: translate(300px,0);-webkit-transform: translate(300px,0);}
    .banner .banBox2 .slde img{transition: .8s;-webkit-transition: .8s;transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    .banner .banBox2 .slde img:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
    .banner .banBox3 .bac_icon{opacity: 0;transition: 2s;-webkit-transition: 2s;transform: translate(0,1000px);-webkit-transform: translate(0,1000px);}



    .banner .swiper-paginationBox.show,
    .container_1 .title.show,
    .container_1.show .solution .img,
    .container_1.show .solution .con_1,
    .container_1.show .solution .con_2,
    .container_1.show .solution .con_3,
    .container_1.show .solution .con_4,
    .container_2.show .title,
    .container_2.show img,
    .container_3.show .title,
    .container_3.show .advantages,
    .container_4.show .aboutl,
    .container_4.show .aboutr,
    .container_5.show .news,
    .container_5.show .newul li,
    .banner .swiper-slide.swiper-slide-active .banBox2 .slde,
    .banner .swiper-slide.swiper-slide-active .banBox3 .bac_icon{opacity: 1;transform: translate(0,0);-webkit-transform: translate(0,0);}

    .container_5.show .newul li:nth-child(1),
    .banner .swiper-slide.swiper-slide-active .banBox3 .bac_icon:nth-child(1){transition-delay:1s;-webkit-transition-delay:1s;}
    .container_5.show .newul li:nth-child(2),
    .banner .swiper-slide.swiper-slide-active .banBox3 .bac_icon:nth-child(2){transition-delay:1.5s;-webkit-transition-delay:1.5s;}
    .container_5.show .newul li:nth-child(3),
    .banner .swiper-slide.swiper-slide-active .banBox3 .bac_icon:nth-child(3){transition-delay:2s;-webkit-transition-delay:2s;}
    .container_5.show .newul li:nth-child(4),
    .banner .swiper-slide.swiper-slide-active .banBox3 .bac_icon:nth-child(4){transition-delay:2.5s;-webkit-transition-delay:2.5s;}



    @keyframes icon-bounce {
        0%, 100% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        25% {
            -moz-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        50% {
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }

        75% {
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }

        85% {
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }
    }
    @-webkit-keyframes icon-bounce {
        0%, 100% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        25% {
            -moz-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        50% {
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }

        75% {
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }

        85% {
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }
    }
    .service .valpha:hover img,
    .banner .banBox3 .bac_icon .icon:hover img{
        -webkit-animation: icon-bounce 0.5s alternate;
        -moz-animation: icon-bounce 0.5s alternate;
        -o-animation: icon-bounce 0.5s alternate;
        animation: icon-bounce 0.5s alternate;
    }

}
/*********************************************************************************************************************/
@media screen and (max-width: 1650px){
    .tactText .wrap,
    .tactTitle .wrap,
    .stopBox .wrap{width: auto;padding: 0 3%; }
}

@media screen and (max-width: 1600px){
    .container_1 .wrap,
    .container_2 .wrap,
    .container_3 .wrap,
    .container_4 .wrap,
    .container_5 .wrap{width: auto;padding: 0 3%;}
    .container_4 .aboutl .aboutLogo{width: 320px;height: 260px;line-height: 260px;right: -10%;bottom: -10%;}
    .container_4 .aboutl .aboutLogo img{width: 250px;height: 112px;}
}

@media screen and (max-width: 1534px){
    .container_4 .aboutl .aboutLogo{width: 300px;height: 240px;line-height: 240px;}
    .container_4 .aboutl .aboutLogo img{width: 200px;height: 89px;}
}

@media screen and (max-width: 1440px){
    .banner .banBox h2,
    .banner .banBox2 .slde h2{font-size: 52px;}
    .banner .banBox h3,
    .banner .banBox2 .slde h3{font-size: 44px;}
    .banner .banBox .more_down{width: 120px;height: 40px;line-height: 40px;margin: 4% auto 5%;}
    .banner .swiper-paginationBox{right: 20px;}
    .banner .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{margin: 0 auto 20px;}
    .banner .swiper-text{padding-top: 15px;}
    .banner .swiper-paginationBox{top: 40%;}
    .title h2{font-size: 28px;}
    .title p{font-size: 20px;}
    .container_1 .solution .mid p{font-size: 16px;}
    .service .valpha h3{font-size: 24px;}
    .service .valpha p{font-size: 15px;}
    .container_4 .aboutl .aboutLogo{right:-13%;bottom:-12%;}
    .container_4 .aboutr h2,
    .container_5 .newtitle h2{font-size: 26px;}
    .container_4 .aboutr h3,
    .container_5 .newtitle h3{font-size: 20px;}
    .container_4 .aboutr p,
    .container_4 .aboutr a,
    .container_5 .news a{font-size: 15px;}
    .container_5 .newul li h2{font-size: 16px;}
    .tactText li h2,
    .tactTitle h2{font-size: 24px;}
    .tactTitle .tactInput li .Texts,
    .tactTitle .tactInput li .tactmit{height: 50px;line-height: 50px; font-size: 16px;}
    .tactTitle .tactInput li textarea{font-size: 16px;}
    .tactTitle .tactInput li .tactmit{width: 10.25%;}
    .tactTitle .tactInput li .yzBox{height: 48px;margin: 0 13.379% 0 1.225%;}
    .banner .banBox2 .slde:nth-child(2){padding-left: 62px;}
    .banner .banBox2 .slde img{width: 130px;height: 125px;}
    .banner .banBox3 .bac_icon h2{font-size: 32px;padding: 14px 0;}
    .banner .banBox3 .bac_icon{margin: 0 90px;}
}

@media screen and (max-width: 1366px){
    .container_4 .aboutl .aboutLogo{width: 270px;height: 210px;line-height: 210px;right: -11%;bottom: -10%;}
    .container_4{background: url(../images/aboutbg1366.jpg) no-repeat right bottom #f2f2f2;}
}

@media screen and (max-width: 1280px){
    .container_4 .aboutl .aboutLogo{right: -14%;bottom: -12%;}
    .banner .banBox3 .bac_icon{margin: 0 70px;}
}

@media screen and (max-width: 1199px){
    .banner .banBox{width: 810px;background: url(../images/circle1199.png) no-repeat center top;}
    .banner .banBox h2,
    .banner .banBox2 .slde h2{font-size: 42px;}
    .banner .banBox h3,
    .banner .banBox2 .slde h3,
    .banner .banBox2 .slde p{font-size: 34px;}
    .container_1 .solution .mid p{font-size: 14px;padding: 2% 0;}
    .title h2{font-size: 22px;}
    .title p{font-size: 16px;}
    .service .valpha h3{font-size: 18px;}
    .service .valpha p{font-size: 14px;}
    .service .valpha img{ width: 48px;height: 48px;}
    .container_4 .aboutl .aboutLogo{width: 240px;height: 180px;line-height: 180px;right: -11%;bottom:-9%;}
    .container_4 .aboutl .aboutLogo img{width: 170px;height: 76px;}
    .container_4 .aboutr h2,
    .container_5 .newtitle h2{font-size: 22px;}
    .container_4 .aboutr h3,
    .container_5 .newtitle h3{font-size: 16px;}
    .container_4 .aboutr p,
    .container_4 .aboutr a,
    .container_5 .news a{font-size: 14px;}
    .container_4{background: url(../images/aboutbg1199.jpg) no-repeat right bottom #f2f2f2;}
    .container_5 .newul li h2{font-size: 15px;}
    .tactText li h2,
    .tactTitle h2{font-size: 20px;}
    .tactTitle .tactInput li .Texts,
    .tactTitle .tactInput li .tactmit{height: 40px;line-height: 40px; font-size: 14px;}
    .tactTitle .tactInput li textarea{height: 200px;font-size: 14px;}
    .tactTitle .tactInput li .tactmit{width: 10.25%;}
    .tactTitle .tactInput li .yzBox{height: 38px;}
    .mapBox{margin-top: -18.5%;}
    .banner .banBox2 .slde:nth-child(2){padding-left: 52px;}
    .banner .banBox2 .slde img{width: 110px;height: 106px;}
    .banner .banBox3 .bac_icon h2{font-size: 28px;}
    .banner .banBox3 .bac_icon{margin:0 60px;}
    .banner .banBox3 .bac_icon .icon img{width: 36px;height: 36px;}
    .banner .banBox3 .bac_icon:nth-child(1) .icon{width: 77px;height: 77px;line-height: 77px;}
    .banner .banBox3 .bac_icon:nth-child(2) .icon{width: 62px;height: 62px;line-height: 62px;}
    .banner .banBox3 .bac_icon:nth-child(3) .icon{width: 90px;height: 90px;line-height: 90px;}
    .banner .banBox3 .bac_icon:nth-child(4) .icon{width: 69px;height: 69px;line-height: 69px;}
}

@media screen and (max-width: 1128px){
    .container_4 .aboutl p{width: 45.788%;height: 43%;}
}

@media screen and (max-width: 1080px){
    .container_4 .aboutl .aboutLogo{width: 200px;height: 140px;line-height: 140px;right: -6%;bottom: -2%;}
    .container_4 .aboutl .aboutLogo img{width: 150px;height: 67px;}
}

@media screen and (max-width: 1000px){
    .banner .banBox{width: 640px;height: 465px;}
    .banner .banBox h2{padding: 19% 0 4%;}
    .title{width: auto;}
    .container_1 .solution .img,
    .container_1 .solution .con{width: 50%;}
    .service .valpha a{padding-left: 5%;padding-right: 5%;box-sizing: border-box;}
    .service:nth-child(1n) .valpha a{padding-top: 50%;}
    .service:nth-child(2n) .valpha a{padding-top: 30%;}
    .service .valpha h3{padding: 10% 0 14%;}
    .service .valpha p{padding-top: 10%;}
    .tactText li{width: 30%;}
    .tactText li + li{margin-left:5%;}
    .banner .banBox3 .bac_icon{margin:0 45px;}
}

@media screen and (max-width: 980px){
    .container_4 .aboutl .aboutLogo{right: -10%;bottom: -6%;}
}

@media screen and (max-width: 900px){
    .container_4 .aboutl .aboutLogo{right: -14%;bottom: -9%;}
}

@media screen and (max-width: 860px){
    .container_1 .solution .img,
    .container_1 .solution .con{width: auto;}
    .container_4 .aboutl .aboutLogo,
    .container_4 .aboutl p{display: none;}
    .container_4 .aboutl{width: 47.971%;}
    .container_4 .aboutr{width: 51.092%;padding: 4% 0 0 6%;}
    .container_5 .newul li h4 span{display: block;padding: 0 0 10px;}
}

@media screen and (max-width: 768px){
    .banner .banBox{width: 450px;height: 378px;background: url(../images/circle768.png) no-repeat center top;margin: 18% auto 5%;}
    .banner .banBox h2{font-size: 32px;padding: 20% 0 5%;}
    .banner .banBox h3{font-size: 24px;}
    .banner .banBox .more_down{width: 110px;height: 35px;line-height: 35px;margin: 6% auto;font-size: 13px;}
    .banner .swiper-paginationBox .current{font-size: 20px;}
    .banner .swiper-paginationBox .count{font-size: 14px;}
    .banner .swiper-text{padding-top: 10px;}
    .banner .swiper-paginationBox{right: 5px;}
    .banner .banBox .downs{width: 10px;height: 24px;border-radius: 10px;}
    .banner .banBox .downs:after{height: 6px;}
    .title h2{font-size: 18px;padding-right: 20px;}
    .title p{font-size: 14px;}
    .title h2:after,
    .container_4 .aboutr h2:after,
    .container_5 .newtitle h2:after{width: 13px;height: 12px;background: url(../images/green768.png) no-repeat;margin-top: -6px;}
    .service .valpha h3{font-size: 15px;}
    .service .valpha p{font-size: 12px;}
    .service .valpha img{ width: 33px;height: 33px;}
    .service:nth-child(1n) .valpha a{padding-top: 40%;}
    .service:nth-child(2n) .valpha a{padding-top: 20%;}
    .container_4 .aboutr h2,
    .container_5 .newtitle h2{font-size: 18px;padding-right: 20px;}
    .container_4 .aboutr h3{font-size: 14px;padding: 5% 0 8%;}
    .container_4 .aboutr p,
    .container_4 .aboutr a,
    .container_5 .news a{font-size: 13px;}
    .container_4 .aboutr a,
    .container_5 .news a{background: url(../images/green768.png) no-repeat right center;padding-right: 18px;}
    .container_5 .newtitle h3,
    .container_5 .newul li h2{font-size: 14px;}
    .container_5 .news{padding: 9% 0 4.5%;}
    .container_5 .newtitle h3{padding-top: 8%;}
    .container_5 .news a{margin-top: 4.7%;}
    .container_5 .newul li h2{padding-top: 12%;}
    .container_5 .newul li p{padding: 8% 0;}
    .tactText li h2,
    .tactTitle h2{font-size: 16px;}
    .tactText li p,
    .tactTitle p{font-size: 12px;}
    .tactText{padding: 4.5% 0 35px;}
    .tactText::after{height: 35px;}
    .tactTitle .tactInput li .Texts,
    .tactTitle .tactInput li .tactmit{height: 35px;line-height: 35px; font-size: 12px;}
    .tactTitle .tactInput li textarea{height: 150px;font-size: 12px;}
    .tactTitle .tactInput li .yzBox{height: 33px;}
    .banner .banBox2 .slde h2{font-size: 32px;}
    .banner .banBox2 .slde h3,
    .banner .banBox2 .slde p{font-size: 24px;}
    .banner .banBox2 .slde:nth-child(2){padding-left: 32px;}
    .banner .banBox2 .slde img{width: 80px;height: 77px;}
    .banner .banBox2 .slde h3{padding: 15px 0 11px;}
    .banner .banBox2 .slde p{padding: 19px 0 17px;}
    .banner .banBox3 .bac_icon h2{font-size: 18px;padding: 7px 0;}
    .banner .banBox3 .bac_icon .icon img{width: 20px;height: 20px;}
    .banner .banBox3 .bac_icon:nth-child(1) .icon{width: 57px;height: 57px;line-height: 57px;}
    .banner .banBox3 .bac_icon:nth-child(2) .icon{width: 42px;height: 42px;line-height: 42px;}
    .banner .banBox3 .bac_icon:nth-child(3) .icon{width: 70px;height: 70px;line-height: 70px;}
    .banner .banBox3 .bac_icon:nth-child(4) .icon{width: 49px;height: 49px;line-height: 49px;}
}

@media screen and (max-width: 640px){
    .banner .banBox{width: 350px;height: 300px;background: url(../images/circle640.png) no-repeat center top;margin: 16% auto 5%;}
    .banner .banBox h2{font-size: 26px;padding:22% 0 5%;}
    .banner .banBox h3{font-size: 18px;}
    .banner .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{margin: 0 auto 15px;width: 4px;height: 4px;}
    .banner .swiper-line{height: 35px;}
    .banner .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet-active{width: 18px;height: 18px;background: url(../images/bta640.png) no-repeat;}
    .banner .banBox .more_down{width: 100px;height: 30px;line-height: 30px;margin: 7% auto;font-size: 12px;}
    .banner .swiper-paginationBox{right: 0;width: 50px;}
    .title h2{font-size: 16px;}
    .title p{font-size: 13px;}
    .service .valpha h3:after{display: none;}
    .service .valpha p{padding-top: 0;}
    .service .valpha h3{padding: 14% 0 10%;}
    .service .valpha h3{font-size: 14px;}
    .service .valpha img{ width: 25px;height: 25px;}
    .container_4 .aboutr h2,
    .container_5 .newtitle h2{font-size: 16px;}
    .container_4 .aboutr h3,
    .container_5 .newtitle h3{font-size: 13px;}
    .container_4 .aboutr p,
    .container_4 .aboutr a,
    .container_5 .news a{font-size: 12px;}
    .container_4{background: url(../images/aboutbg640.jpg) no-repeat right bottom #f2f2f2;}
    .container_5 .newul li h2{font-size: 13px;}
    .tactTitle .tactInput li .Texts:nth-child(2),
    .tactTitle .tactInput li .Texts:nth-child(3),
    .tactTitle .tactInput li .Texts:nth-child(4){margin-left:0;}
    .tactTitle .tactInput li .Texts:nth-child(1),
    .tactTitle .tactInput li .Texts:nth-child(3){margin-right:4%;}
    .tactTitle .tactInput li .Texts:nth-child(1),
    .tactTitle .tactInput li .Texts:nth-child(2){margin-bottom:2.5%;}
    .tactTitle .tactInput li .Texts{width:47.985%;}
    .tactTitle .tactInput li .yzBox{margin: 0 5.379% 0 1.225%;}
    .tactText li h2{padding: 9.5% 0;}
    .tactTitle h2{padding: 4.5% 0 3.5%;}
    .tactTitle .tactInput{padding: 2.5% 0 5%;}
    .tactText li p{height: 36px;}
    .banner .banBox2 .slde h2{font-size: 26px;}
    .banner .banBox2 .slde h3,
    .banner .banBox2 .slde p{font-size: 18px;}
    .banner .banBox2 .slde h3{padding: 10px 0;}
    .banner .banBox2 .slde p{padding: 14px 0;}
    .banner .banBox3 .bac_icon{margin: 0 30px;}
    .banner .banBox3 .bac_icon h2{font-size: 16px;}
    .numberIcon{display: block;}
}

@media screen and (max-width: 520px){
    .service{width: 50%;}
    .container_4 .aboutl,
    .container_4 .aboutr{float: none;width: 100%;}
    .container_4 .aboutr{padding: 6% 0 0 0;}
    .container_4 .aboutr h3{padding: 4% 0 5%;}
    .container_4 .aboutr p{padding-bottom: 6%;}
    .container_5 .newul li{width: 47.5%;margin: 0 5% 5% 0;}
    .container_5 .newul li:nth-child(4n),
    .container_5 .newul li:nth-child(2n){margin-right: 0;}
    .container_5 .newul li h2{padding-top: 8%;}
    .container_5 .newul li p{padding: 5% 0;}
    .container_5{padding-bottom: 2.5%;}
    .container_5 .news{padding: 7% 0 4.5%;}
}

@media screen and (max-width: 480px){
    .banner .banBox{width: 260px;height: 220px;background: url(../images/circle480.png) no-repeat center top;margin: 22% auto 0;}
    .banner .banBox h2{font-size: 21px;padding: 17% 0 4%;}
    .banner .banBox h3{font-size: 13px;}
    .banner .swiper-line{height: 25px;}
    .banner .banBox .more_down{width: 80px;height: 25px;line-height: 25px;margin: 6% auto;font-size: 10px;}
    .banner .swiper-paginationBox .current{font-size: 16px;}
    .container_1 .solution .mid p{font-size: 12px;}
    .title h2,
    .container_4 .aboutr h2,
    .container_5 .newtitle h2{font-size: 14px;}
    .title p,
    .container_4 .aboutr h3,
    .container_5 .newtitle h3{font-size: 12px;}
    .tactText::after{height: 20px;}
    .tactText{padding: 4.5% 0 20px;}
    .banner .banBox3 .bac_icon{margin: 0 15px;}
    .banner .banBox3 .bac_icon .icon img{width: 15px;height: 15px;}
    .banner .banBox3 .bac_icon:nth-child(1) .icon{width: 42px;height: 42px;line-height: 42px;}
    .banner .banBox3 .bac_icon:nth-child(2) .icon{width: 35px;height: 35px;line-height: 35px;}
    .banner .banBox3 .bac_icon:nth-child(3) .icon{width: 50px;height: 50px;line-height: 50px;}
    .banner .banBox3 .bac_icon:nth-child(4) .icon{width: 40px;height: 40px;line-height: 40px;}
}

@media screen and (max-width: 420px){
    .container_1 .solution .mid p{font-size: 10px;}
    .container_4{background: url(../images/aboutbg420.jpg) no-repeat right bottom #f2f2f2;}
    .banner .banBox3 .bac_icon{margin: 0 10px;}
    .banner .banBox2 .slde h2{font-size: 21px;}
    .banner .banBox2 .slde h3,
    .banner .banBox2 .slde p{font-size: 13px;}
    .banner .banBox2 .slde h3,
    .banner .banBox2 .slde p{padding:8px 0;}
    .banner .banBox2 .slde img{width: 50px;height: 48px;}
    .banner .banBox2 .slde:nth-child(2){padding-left: 22px;}
}

@media screen and (max-width: 360px){
    .tactText li{display: block;width: 100%;}
    .tactText li + li{margin-left: 0;}
    .tactText li h2{padding: 4.5% 0;}
    .tactText li img{width: 22px;height: 22px;}
    .banner .banBox3 .bac_icon{margin: 0 5px;}
}


























































